<%-- 
    Document   : index
    Created on : 3.5.2013, 11:02:11
    Author     : petri_000
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript"
                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzU13ZHazO7PNlZnXBrGhEJY3_6GzJ6zQ&sensor=false">
        </script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript" src="js/districts.js"></script>
        <script type="text/javascript" src="js/infobox.js"></script>
    </head>
    <body>
        
            <div id="combobox" class="container">
                <div class="dropDownControl" id="ddControl" onclick="(document.getElementById('myddOptsDivOne').style.display == 'block') ? document.getElementById('myddOptsDivOne').style.display = 'none' : document.getElementById('myddOptsDivOne').style.display = 'block';">
	          Districts
	          <img class="dropDownArrow" src="images/arrow-down.png"/>	   
	        </div>
                <div class="dropDownOptionsDiv" id="myddOptsDivOne">
                   <div class="dropDownItemDiv" onClick="displayDistrict('all');">All</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('bohunice');">Bohunice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('bosonohy');">Bosonohy</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('bystrc');">Bystrc</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('cernovice');">Černovice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('chrlice');">Chrlice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('ivanovice');">Ivanovice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('jehnice');">Jehnice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('jih');">Jih</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('jundrov');">Jundrov</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('kninicky');">Kníničky</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('kohoutovice');">Kohoutovice</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('komin');">Komín</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('kralovopole');">Královo Pole</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('lisen');">Líšeň</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('malomericeaobrany');">Maloměřice a Obřany</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('medlanky');">Medlánky</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('novyliskovec');">Nový Lískovec</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('oresin');">Ořešín</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('reckoviceamokrahora');">Řečkovice a Mokrá Hora</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('sever');">Sever</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('slatina');">Slatina</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('staryliskovec');">Starý Lískovec</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('stred');">Střed</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('turany');">Tuřany</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('utechov');">Útěchov</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('vinohrady');">Vinohrady</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('zabovresky');">Žabovřesky</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('zebetin');">Žebětín</div>
                   <div class="dropDownItemDiv" onClick="displayDistrict('zidenice');">Židenice</div>
                </div>                
            </div>
            
            <div class="container" id="container">
              <div class="dropDownControl" id="ddControl" onclick="(document.getElementById('myddOptsDiv').style.display == 'block') ? document.getElementById('myddOptsDiv').style.display = 'none' : document.getElementById('myddOptsDiv').style.display = 'block';">
	       Choose time
	       <img class="dropDownArrow" src="images/arrow-down.png"/>
	      </div>
	      <div class="dropDownOptionsDiv" id="myddOptsDiv">
	         <div class="dropDownItemDiv"  id="mapOpt" onClick="markThisWeek();">This week</div>
	         <div class="dropDownItemDiv" onClick="markThisMonth();">This month</div>
	         <div class="dropDownItemDiv" onClick="markThisYear();">This year</div>
	         <div class="dropDownItemDiv" onClick="markAll();">All fires</div>	 
	     </div>     
           </div>   
        
        <div id="map-canvas"></div>
        <input type="hidden" value="0" id="theValue" />
        <div id="myDiv" class="infobox-wrapper"></div>
    </body>
</html>